//main.js 是用来打包的文件，要要导入的包放在此文件中，最后用webpack打包到build.js
// 1.0 导入核心包
import Vue from "vue";

//2.0 导入App.vue 的vue对象  这个app就是以后项目的根组件
import App from "./App.vue";

//3.0 将vue的路由集成到这个项目，路由可以实现单页面程序
import vueRouter from "vue-router";  //这个是直接引用插件，相当于script的src引用
//绑定到vue对象上 使用vue实例的use方法
Vue.use(vueRouter);

//导入路由规则对象的组件对象：
import home from "./commponents/home.vue";
import newslist from "./commponents/news/newslist.vue";


//4.0 定义路由规则
var router1=new vueRouter({
    routes:[
        //一个对象就是一个路由规则
        {
            path:"/home", //path后面的路径需要和router-link中to属性 路径一致
            component:home //这个为组件名称
        },
        {path:"/news/newslist",component:newslist}
    ]
});

//5.0 注册mint-ui
//导入mint-ui的css文件
import "mint-ui/lib/style.min.css";
//导入mint-ui的组件对象
import mintui from "mint-ui";
Vue.use(mintui);

//6.0
import '../statics/mui/css/mui.css';

//7.0 使用一个系统的css文件
import "../statics/css/site.css";

import vueResource from 'vue-resource';
Vue.use(vueResource);

//利用vue对象进行解析渲染
new Vue({
    el:"#app",
    //使用路由对象的实例
    router:router1,
    render:function(create){
        return create(App);
    }
})